<template>
	<div>
		<el-table :data="props.formData">
			<el-table-column label="序号" width="60">
				<template #default="scope">{{scope.$index + 1}}</template>
			</el-table-column>
			<el-table-column label="编号" prop="serialNumber" width="120"></el-table-column>
			<el-table-column label="名称" prop="nursingName" width="100"></el-table-column>
			<el-table-column label="价格" prop="servicePrice" width="100"></el-table-column>
			<el-table-column label="执行周次" prop="executionCycle" width="100"></el-table-column>
			<el-table-column label="执行次数" prop="executionTimes" width="80"></el-table-column>
			<el-table-column label="购买日期" prop="buyTime" width="120"></el-table-column>
			<el-table-column label="购买数量">
				<template #default="scope">
					<el-input-number v-model="scope.row.nurseNumber"></el-input-number>
				</template>
			</el-table-column>
			<el-table-column label="服务到期日期">
				<template #default="scope">
					<el-date-picker
						v-model="scope.row.maturityTime"
						type="date"
						value-format="YYYY-MM-DD"></el-date-picker>
				</template>
			</el-table-column>
		</el-table>
		<el-button type="primary" @click="props.save">确定</el-button>
	</div>
	
</template>

<script setup>
import { ref } from 'vue'
const props = defineProps(['formData', 'rules', 'save'])
const formObj = ref()
defineExpose({
	formObj
})
</script>

<style scoped lang="scss">
.el-input-number {
	width: 100%;
}
.el-button {
	margin-top: 15px;
}
</style>